<ui:composition template="/modulos/index/template/default.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:define name="body" oncontextmenu="return false">
   	<h:form id="frmList" ajaxSubmit="false">
   		<p:growl id="msgSystem" showDetail="false" life="5000" escape="true"/>   		
  		 <p:toolbar>  
	    	<p:toolbarGroup align="left">
	    		<p:commandButton title="Regresar" value="Regresar" icon="icn_bar_back" action="adm_prs_lst" ajax="false" />
	    		<p:spacer width="4px"/>
	    	    <p:commandButton title="Nuevo" value="Nuevo" icon="icn_bar_new" actionListener="#{adminHistorialAcademico.nativeNew}" ajax="false" />  
			</p:toolbarGroup>  
  		</p:toolbar>  		
      	<p:spacer height="4px"/>
      	
   		<p:dataTable id="itemList" var="item" value="#{adminHistorialAcademico.beanList}" filteredValue="#{adminHistorialAcademico.beanFilterList}"
   			emptyMessage="#{constante.LIST_EMPTY}" resizableColumns="true"  
   			paginator="true" rows="#{constante.LIST_SIZE}"  paginatorPosition="bottom" 
        	paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} ">
     		
     		<f:facet name="header">
				<h:outputText value="Historial Academico - #{adminHistorialAcademico.nombrePersonal}  (#{adminHistorialAcademico.defaultListSize})" />  
			</f:facet>
	
			<p:column headerText="Centro Estudio" style="width:20%; align:center;" sortBy="#{item.centro}" filterBy="#{item.centro}">   
				<h:outputText value="#{item.centro}" title="#{item.centro}"/>  
			</p:column>	
			
			<p:column headerText="Profesion" style="width:15%; align:center;" sortBy="#{item.beanProfesion.nombre}" filterBy="#{item.beanProfesion.nombre}">   
				<h:outputText value="#{item.beanProfesion.nombre}" title="#{item.beanProfesion.nombre}"/>  
			</p:column>		
							
			<p:column headerText="Especialidad" style="width:15%; align:center;" sortBy="#{item.beanEspecialidad.nombre}" filterBy="#{item.beanEspecialidad.nombre}">   
				<h:outputText value="#{item.beanEspecialidad.nombre}" title="#{item.beanEspecialidad.nombre}"/>  
			</p:column>		
		
			<p:column headerText="Título" style="width:17%; align:center;" sortBy="#{item.titulo}">       
				<h:outputText value="#{item.titulo}" title="#{item.titulo}"/>  
			</p:column>
			
			<p:column headerText="Duración" style="width:10%; align:center;" sortBy="#{item.duracion}">       
				<h:outputText value="#{item.duracion}" />  
			</p:column>
			
			<p:column headerText="Situacion" style="width:10%; align:center;" sortBy="#{item.nombreSituacion}">       
				<h:outputText value="#{item.nombreSituacion}" />  
			</p:column>
			
			<p:column headerText="Opciones" style="width:13%">  
				<p:commandButton icon="icn_item_update" 	title="Actualizar" 		action="#{adminHistorialAcademico.nativeLoad}" ajax="false">
					<f:setPropertyActionListener value="#{item}" target="#{adminHistorialAcademico.beanSelected}" />
				</p:commandButton>

                 <p:commandButton icon="icn_item_remove" 	title="Eliminar" 		oncomplete="dialogDel.show()">
					<f:setPropertyActionListener value="#{item}" target="#{adminHistorialAcademico.beanSelected}" />				
				</p:commandButton> 
        	</p:column>      	        
		</p:dataTable> 
	</h:form>
		
	<!-- Eliminar Institutos/Cetpro -->
	<p:confirmDialog widgetVar="dialogDel" width="350" appendToBody="true"
		header="Mensaje de Confirmacion" message="¿Estas seguro de eliminar este registro de Historial Académico?" style="font-size:13px;"
       	closable="true" severity="alert" closeOnEscape="true">
       	<h:form>	
		<h:panelGroup style="text-align: right;" >
			<p:commandButton value="Si" id="deleteButton" oncomplete="dialogDel.hide()"  actionListener="#{adminHistorialAcademico.nativeRemove}"  update=":frmList"/>
       		<p:commandButton value="No" id="cancelButton" onclick="dialogDel.hide()"/>   
		</h:panelGroup>
		</h:form>	
  	</p:confirmDialog>
   		    
    </ui:define>
</ui:composition>